//注册
const form = document.querySelector('form');
const nameInp = document.querySelector('.username');
const pwdInp = document.querySelector('.password');
const rpwdInp = document.querySelector('.rpassword');
const nickInp = document.querySelector('.nickname')
const errBox = document.querySelector('.error')
const spans = document.querySelectorAll('.miyan > span')

    // 准备正则
    // 只要包含一位数字就可以
    var r1 = /\d/
    // 只要包含一位字母就可以
    var r2 = /[a-z]/i
    // 只要包含一位符号就可以
    var r3 = /[@#%&]/
    // 随着输入或者删除内容实时触发
    pwdInp.oninput = function () {
      // 2. 拿到 inp 内输入的内容
      var text = pwdInp.value
      // 3. 准备一个表示级别的变量, 默认是 0
      var level = 0

      // 3-1. 依次使用正则校验
      if (r1.test(text)) level++
      if (r2.test(text)) level++
      if (r3.test(text)) level++

      // 在每一次添加类型之前, 给所有 span 清除掉类名
      for (var i = 0; i < spans.length; i++) {
        spans[i].classList.remove('active')
        if (i < level) spans[i].classList.add('active')
      }

    }
form.addEventListener('submit',e =>{
    e = e || window.event;
    try {e.preventDefault()} catch(err){e.returnValue= false};

   
    const info = {
        username:nameInp.value,
        password: pwdInp.value,
        rpassword: rpwdInp.value,
        nickname: nickInp.value
    }
    for(let key in info){
        if(!info[key]) return alert('请完整填写表单')
    }
    if(info.password !== info.rpassword) return alert('两次密码不一样')

    $.ajax({
        url:'../php/register.php',
        method:'POST',
        data:querystringify(info),
        dataType:'json',
        success:function(res){
            if(res.code === 0){
                errBox.classList.add('active');
                return;
            }
           
            window.alert('注册成功,点击确认跳转到登录页')
            window.location.href = './login.html'
        }
    })

})




